<template>
    <div>
        <header>
            <img src="/切图/logo.png" alt="">
            <div class="divs">
                <i class="iconfont ione">&#xe600;</i>
                <div>我的</div>
            </div>
            <div class="">
                <i class="iconfont itwo">&#xe601;</i>
                <div>导航</div>
            </div>
        </header>
    </div>
</template>
<style lang="scss" scoped>
header {
  width: 100%;
  // height: 50px;
  background-color: #ffffff;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  // background-color: red;
  // line-height: 20px;
  .iconfont {
    color: #999999;
    // margin-top: 10px;
    
  }
  
  img {
    margin: 16px 18px;
    width: 120px;
<<<<<<< HEAD
  }
  .divs {
    margin-left: 120px;
    margin-right: 20px;
  }
  // .divss{
  //   margin-top: .15rem;
  // }
  div {
    height: 100%;
=======
  }
  
  div {
    height: 100%;
    line-height: 25px;
    margin: 20px 10px;
>>>>>>> 4383605433e8958342864709870d119f31b17b73
    align-items: center;
    text-align: center;
    color: #999999;
    margin-top: 20px;
    line-height: 10px;
    
  }
  .divs {
    margin-left: 137px;
  }
}

</style>
